当前位置：flash8.0教程－基础教程

名称

《数字时钟》的制作过程

预览

《数字时钟》的制作方法

【实例说明】：
本例制作一个在屏幕上动态显示当前计算机系统的日期和时间的效果。
【操作步骤】：
一、制作背景

1. 新建一个文档，大小可按默认设置。双击“图层1”编辑其名称为“背景层”；
2. 在“背景层”层的第一帧，请参照下图，随意制作一个背景。

二、制作文字层

1. 单击添加添加图层按钮，再新建一个图层“图层2”；
2. 双击“图层2”编辑其名称为“文字层”；
3. 选中第1帧，选中工具栏的文本工具，参照下图，绘制以下四个静态文本（分别是“今天的日期是”、“0000-00-00”、 “今天的时间是”、“00：00：00”）。

然后分别选中这四个文本对象，打开属性面板设置其对应的文本信息，对应文本属性如下：
（1）选择文本“今天的日期是”为静态文本，大小、颜色可以自己设定；
（2）选择文本“0000-00-00”为动态文本，大小、颜色可以自己设定；同时给变量名命名为“riqi”；
（3）选择文本“今天的时间是”为静态文本，大小、颜色可以自己设定；
（4）选择文本“00：00：00”为动态文本，大小、颜色可以自己设定；同时给变量名命名为“shijian”；
三、添加代码

1. 单击添加添加图层按钮，再新建一个图层“图层3”；
2. 双击“图层3”编辑其名称为“代码层”；
3. 选中第1帧，添加如下代码：

newDate = new Date();
//创建一个日期对象
riqi= (newDate.getFullYear()+"-"+(newDate.getMonth()+1)+"-"+newDate.getDate());
//给riqi动态文本框赋值,后面括号内是用来获取系统当前时间
Cur_Hour = newDate.getHours();
//读取系统当前日期对象的小时数
if (length(Cur_Hour)<2) {
//判断小时数是否小于两位数,如果条件为真,则执行括号中的代码
Cur_Hour = "0"+Cur_Hour;
}
//表示在小时数前面加0
Cur_Minute = newDate.getMinutes();
//读取日期对象的分数
if (length(Cur_Minute)<2) {
Cur_Minute = "0"+Cur_Minute;
}
//当数字不到2位数时要在前面加0
Cur_Second = newDate.getSeconds();
//读取日期对象的秒数
if (length(Cur_Second)<2) {
Cur_Second = "0"+Cur_Second;
}
//当数字不到2位数时要在前面加0
shijian = Cur_Hour+":"+Cur_Minute+":"+Cur_Second;
//表示给文本框赋值,使该文本框动态显示当前系统的时间

1. 在第2帧按“F7”键插入一个“空白关键帧”，添加如下代码：

gotoAndPlay(1);
四、最后按“Ctrl+Enter”组合键测试影片。